<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>绿色餐桌</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link rel="stylesheet" href="./css/index.css">

  </head>
  
  <body><div class="header">
          <div class="header_head" >绿 色 餐 桌</div>
          <a href="#"><img class="header_user" src="./res/picture/shopping.jpg"> </a>
          <a href="#"><img class="header_shopping" src="./res/picture/user.jpg"> </a>
      </div>
<!--
      <div style="position:relative;">
         <header class="header1" style=" font-size: 25px;">&nbsp;&nbsp;&nbsp;&nbsp;GreenTable</header>
          <img style="width:20px;" src="/GreenTable/picture/user.jpg">
      </div>
-->
      <div style="position:absolute; width:100%;">
         <img class="pic1" src="./res/picture/background.jpg"></img>
         <div style="position:absolute;top:85px;left:30%;font-size:40px;">
             <p>追求更有品质的绿色健康生活<br/>
           <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;给你们更好的未来</p>
         </div>
         <div style="position:absolute; top:380px;left:38%;">
             <input class="button1" type="button" value="加 入 我 们" onclick="location.htef='index.jsp'">
         </div>
      </div> 
    
    <div style="position:relative;">
        <div class="div1">
            <img class="div_img" src="./res/picture/vegetable.jpg">
            <div class="div_link" ><a class="nextlink" href="#">食&nbsp; 材</a></div>
            <div class="div1_tips">优质的绿色蔬菜生产基地<br/></div>
        </div>
        
        <div class="div2">
            <img class="div_img" src="./res/picture/food.jpg">
            <div class="div_link"><a class="nextlink" href="#">菜 &nbsp;谱</a></div>
            <div class="div1_tips"></div>
        </div>
        <div class="div3">
            <img class="div_img" src="./res/picture/zuoliao.jpg">
            <div class="div_link"><a class="nextlink" href="#">调 &nbsp;料</a></div>
            <div class="div1_tips"></div>
        </div>
    </div>
    
    <div class="daily">
        <img style="width:23%;float:left;margin-left:3%;" src="./res/picture/soup.jpg">
        <div class="daily_introduce" >每 日 菜 谱 推 荐</div>
        <div class="daily_ul">
            <ul>
                <li>营养成分分析表</li>
                <li>能量标注</li>
                <li>注重饮食禁忌</li>
            </ul>
        </div>
        <div class="daily_ul2">
            <ul>
                <li>最健康的搭配</li>
                <li>新颖的菜式</li>
                <li>分步教学</li>
            </ul>
        </div>
    </div>
    
<!--
    <div  style="position:relative;">
        <div>
            <img >
        </div>
        
        <div>
            <img >
        </div>
        
        <div>
            <img >
        </div>
        
        <div>
            <img >
        </div>
        
        <div>
            <img >
        </div>
    
    </div>
-->
    <div class="knowmore">
        <div style="margin-top:60px;margin-left:150px;font-size:23px; float:left">绿 色 餐 桌 官 网 </div>

        <div style="float:right;margin-top:40px;margin-right:400px;">
            <a class="knowmore_guanyu" href="#">广告合作</a><br/>
            <a class="knowmore_guanyu" href="#">友情链接</a><br/>
            <a class="knowmore_guanyu" href="#">招聘</a><br/>
            <a class="knowmore_guanyu" href="#">新浪微博</a><br/>
        </div>
        
        <div style="float:right;margin-top:40px;margin-right:150px;">
            <a class="knowmore_guanyu" href="#">关于我们</a><br/>
            <a class="knowmore_guanyu" href="#">联系电话：1234567</a><br/>
            <a class="knowmore_guanyu" href="#">版权申明</a><br/>
            <a class="knowmore_guanyu" href="#">常见问题</a><br/>
        </div>
    </div>
  </body>
</html>
